<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML>
<html>
<head>
    <script src="../js/jquery-1.11.1.js"></script>
<title>图书列表</title>
<script type="text/javascript">

    $(document).ready(function(){
       $("#keyword").blur(function (){
           var keyword = $("#keyword").val();
           $.post("${basePath}json/Book_getSearchBook.action",
                   {keyword: keyword},
                   function(data){
                       $("#show").height(80)
                               .width(240)
                               .css("border", "1px solid black")
                               .css("border-radius", "15px")
//                               .css("background-color", "#efef99")
                               .css("color", "#ff0000")
                               .css("padding", "20px")
                               .empty();
                       for(var propName in data) {
                           $("#show").append("<a href=' " + data[propName] + " ' style='text-decoration:none' >" + data[propName] +"</a>" +"<br>");
                       }
                   });
       }) ;
    });

</script>
</head>
<body>
	<h2>图书信息列表</h2>
		<input type="text" name="keyword" id="keyword" />请输入关键字查询
    <%--<span id="show"></span>--%>
        <%--<ul id="show" style="display: block;"></ul>--%>
   <div id="show"/>
</body>
</html>